<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
<body>
	<ui:composition>
		<p:dialog header="Purchase Order Detail" widgetVar="poDetailDlg"
			modal="true" showEffect="fade" hideEffect="fade" resizable="false">
			<p:outputPanel id="poDetail" style="text-align:center;">
				  
                <p:dataTable var="poItem" value="#{dtPurchaseOrderItemsView.poItems}">
                	<p:column headerText="Item #">
                		<h:outputText value="#{poItem.id}" />
                	</p:column>
                	<p:column headerText="Description">
                		<h:outputText value="#{poItem.partUnit.shortName}" />
                	</p:column>
                	<p:column headerText="Brand">
                		<h:outputText value="#{poItem.partUnit.shortBrand}" />
                	</p:column>
                	<p:column headerText="Part #">
                		<h:outputText value="#{poItem.partUnit.part}" />
                	</p:column>
                	<p:column headerText="Qty">
                		<h:inputText value="#{mapPoItem[poItem.id].quantity}" />
                	</p:column>
                	<p:column headerText="Price/Unit">
                		<h:outputText value="#{poItem.pricePerUnit}" />
                	</p:column>
                	<p:column headerText="Total">
                		<h:outputText value="#{poItem.totalPrice}" />
                	</p:column>
                </p:dataTable>
				<br/>

			</p:outputPanel>
		</p:dialog>
	</ui:composition>
</body>
</html>